<template>
  <bs-dialog v-model="visible" :title="title" :width="600" :confirm-btn-fn="handleConfirm">
    <div class="dialog-content">
      <!--表单项-->
      <bs-form :model="formData" :grid="1" :label-width="90">
        <bs-form-item label="实例">
          <bs-input v-model="formData.c"></bs-input>
        </bs-form-item>
        <bs-form-item label="备注">
          <bs-input type="textarea" v-model="formData.c"></bs-input>
        </bs-form-item>
        <bs-form-item label="类型">
          <bs-select type="textarea" v-model="formData.c"></bs-select>
        </bs-form-item>
        <bs-form-item label="监控项">
          <bs-input v-model="formData.c"></bs-input>
        </bs-form-item>
        <bs-form-item label="过期时间">
          <el-date-picker type="daterange" v-model="formData.d"></el-date-picker>
        </bs-form-item>
      </bs-form>
    </div>
  </bs-dialog>
</template>
<script setup lang="ts">
import {ref} from 'vue'
const title = '静默屏蔽'
const visible = ref()
const formData = ref<Record<string, any>>({})
const info = ref()

/**
 * 确认更新
 */
const handleConfirm = () => {
}

const open = (item: any) => {
  visible.value = true
  info.value = item
}

defineExpose({
  open
})

</script>
<style lang="scss" scoped>
</style>